@media (max-width: 767px) {
	.app{
		overflow-x: hidden;
	}
	.app-content{
		.transition-transform(0.2s ease);
	}
	.off-screen .app-aside{
			position: absolute;
			top: 50px;
			bottom: 0;
			width: @off-screen-width;
			display: block !important;
			visibility: visible;
			overflow-x: hidden;
			overflow-y: auto;
		  -webkit-overflow-scrolling: touch;
		  z-index: 1010;
			&.pull-right{
				right: 0;
				+ *{
					.translate3d(-@off-screen-width, 0px, 0px);
				}
			}

	}
  .off-screen .app-content{
    background-color: @body-bg;
    .transition-transform(0.2s ease);
    .backface-visibility(hidden);
    .translate3d(@off-screen-width, 0px, 0px);
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1015;
    padding-top: 50px;
    .off-screen-toggle {
      display:block !important;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1020;
    }
  }

}
